<template>
  <div class="ding">
    <img src="../assets/image/head_logo.png" alt="" />
    <ol class="ding_1">
      <li>
        <img src="../assets/image/qqlh.png" style="width: 26px" /><span
          style="
            border-radius: 5px;
            background: linear-gradient(96.17deg, #e75d5a 0, #eba758 108.05%);
          "
          >QQ靓号</span
        >
      </li>
      <li>
        <router-link
          :to="{
            path: `/dl`,
          }"
          >前往登录</router-link
        >
      </li>
      <li><a href="#">周边公告</a></li>
      <li><a href="">帮助中心</a></li>
    </ol>
  </div>
  <img src="../assets/image/border-bott.png" style="width: 100%" alt="" />
</template>
<script lang="ts" setup></script>
<style scoped>
.ding {
  display: flex;
}
.ding_1,
li {
  display: flex;
  margin-left: 30px;
  align-items: center;
}
* {
  margin: 0 auto;
}
</style>
